<script setup lang="ts">
  import { Search } from '@element-plus/icons-vue';
  import { ref } from 'vue';

  const loadingFlag = ref(false);
  const assetType = ref('');
  const searchWords = ref('');
</script>

<template>
  <el-header class="w-full h-[64px] flex">
    <div class="w-full flex justify-center items-center">
      <el-input
        v-model="searchWords"
        style="--el-input-width: 90%; min-width: 300px"
        type="text"
        placeholder="搜索数据资产"
      >
        <template #prepend>
          <el-select v-model="assetType" placeholder="选择" style="width: 100px">
            <el-option label="Table" value="Table" />
            <el-option label="View" value="View" />
          </el-select>
        </template>
        <template #suffix>
          <span class="border border-solid rounded text-xs p-[0.2rem]"> enter </span>
        </template>
        <template #append>
          <el-button :loading="loadingFlag" :icon="Search" />
        </template>
      </el-input>
    </div>
    <div class="w-[700px] flex-initial flex justify-center items-center">aa</div>
  </el-header>
</template>

<style scoped></style>
